<template>
  <div class="base gap-col-16">
    <img :src="qrcode" alt="" />
    <p class="font-size-14 font-weight-500 line-height-140 text-primary">
      {{ $t('info.qrcodeInstall') }}
    </p>
  </div>
</template>
<script setup>
const qrcode = import.meta.env.DEV
  ? '/images/install-tutor/qrcode/qrcode.dev.png'
  : '/images/install-tutor/qrcode/qrcode.prod.png'
</script>
<style scoped lang="scss">
.base {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
img {
  max-width: 8.75rem;
  max-height: 8.75rem;
  border-radius: 0.625rem;
}
</style>
